<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/Jeff/css/common.css}">
    <title>使用链接表达式</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
            margin: 0;
            padding: 20px;
        }

        nav {
            max-width: 600px;
            margin: 0 auto;
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        h2 {
            text-align: center;
            color: #333;
        }

        a {
            display: block;
            margin-bottom: 10px;
            color: #333;
            text-decoration: none;
        }
    </style>
</head>
<body>
<h2>使用链接表达式</h2>
<nav>
    <a th:href="@{https://www.baidu.com/}" th:target="blank">绝对地址_百度</a>
    <br>
    <a href="" th:href="@{toIndex}">页面相对路径, 不用/开头</a>
    <br>
    <a th:href="@{/thymeleaf/varEL/(lang=en_US,name=Jeff)}">相对地址 /开头 相对项目根路径</a>
    <a th:href="@{/index.html}">index.html 直接请求</a>
    <a th:href="@{/}">/</a>
</nav>
</body>
</html>
